<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        ul{
            list-style-type: none;
            line-height: 3;
        }
        
        .flex{
            display: flex;
        }
        .flex1{
            flex: 1;
        }
        .col{
            flex-direction: column;
        }

    </style>
</head>
<body class="flex col">
    <h2 style="text-align: center">新建赛事</h2>
    <form action="get">
    <div class="flex">
    <div class="flex flex1">
        <ul>
            <li>赛事名称：
                <input type="text" name="gameName" value="请输入赛事名称">
            </li>
            <li>赛事类型：
                <input type="radio" name="gameType" value="国际">国际
                <input type="radio" name="gameType" value="全国">全国
                <input type="radio" name="gameType" value="省级">省级
            </li>
            <li>
                赛事图片：
                <input type="image" name="gameImage" value="上传图片">
            </li>
        </ul>
    </div>
    <div class="flex flex1 ">
        <ul>
            <li>
                赛事时间：
                <input type="date" name="gameDate" value="赛事时间">
            </li>
            <li>
                赛事风格：
                大众<input type="checkbox" name="gameStyle" value="大众">
                业余<input type="checkbox" name="gameStyle" value="业余">
                专业<input type="checkbox" name="gameStyle" value="专业">
            </li>
        </ul>
    </div>
</div>
    <div class="flex" style="justify-content: center">
                <input type="submit" value="保存">&ensp;
                <input type="reset" value="重置">&ensp;
    </div>
    </form>
    <div class="flex" style="justify-content: center">
        <button><a href="index.html"></a>返回首页</button>
    </div>
</body>
</html>